<!DOCTYPE html>


<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" id="phx-wrapper"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8" id="phx-wrapper"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" id="phx-wrapper"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" id="phx-wrapper"><!--<![endif]-->

<head phx-view-meta>
    <style type="text/css">
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}
    </style>

    <!--[if lt IE 9]>
    <script>
        window.location = '/unsupportedBrowser.html';
    </script>
    <![endif]-->

    <script>
    /*globals _sf_startpt, window*/
    'use strict';
    var _sf_startpt = (new Date()).getTime();
    window._pageLoadStart = new Date();
    window._routeChangeStart = window._pageLoadStart;
    window._pageRunId = Math.random();
    window.GreenSockGlobals = {};
    </script>

    <base href="/">
    <meta charset="utf-8" />
    <meta name="fragment" content="!" />

    <meta http-equiv="cleartype" content="on" />

    <title></title>

    <meta name="HandheldFriendly" content="True" />
    <meta name="MobileOptimized" content="320" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-icon" href="/site/images/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/site/images/apple-touch-icon-57x57-precomposed.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/site/images/apple-touch-icon-72x72-precomposed.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/site/images/apple-touch-icon-114x114-precomposed.png" />

    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="address=no" />

    <meta name="google-site-verification" content="" />

    <link rel="shortcut icon" href="/site/images/favicon.ico" />
    <link rel="schema.dcterms" href="http://purl.org/dc/terms/" />

    <!-- prevent browser with pinterest extension from showing hover -->
    <meta name="pinterest" content="nohover"></meta>

    <!-- build:style main -->
    <link rel="stylesheet" href="/site/styles/main.min.css?v=2015-01-13-195827-126392e-007635" />
    <!-- /build -->
    <link rel="stylesheet" href="/site/styles/print.min.css?v=2015-01-13-195827-126392e-007635" media="print" />

    <!-- Inject external style tags -->
    <!-- end extCSS -->

    <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />

    <link rel="dns-prefetch" href="//a.disquscdn.com" />
    <link rel="dns-prefetch" href="//ads-static.saymedia.com" />
    <link rel="dns-prefetch" href="//ads.saymedia.com" />
    <link rel="dns-prefetch" href="//adserver.adtechus.com" />
    <link rel="dns-prefetch" href="//ajax.googleapis.com" />
    <link rel="dns-prefetch" href="//api.saymedia-content.com" />
    <link rel="dns-prefetch" href="//b.scorecardresearch.com" />
    <link rel="dns-prefetch" href="//beacon.orion.saymedia.com" />
    <link rel="dns-prefetch" href="//disqus.com" />
    <link rel="dns-prefetch" href="//edge.quantserve.com" />
    <link rel="dns-prefetch" href="//sm.saymedia-content.com" />
    <link rel="dns-prefetch" href="//theplatform.saymedia-content.com" />
    <link rel="dns-prefetch" href="//loadr.exelator.com" />
    <link rel="dns-prefetch" href="//pixel.quantserve.com" />
    <link rel="dns-prefetch" href="//res.cloudinary.com" />
    <link rel="dns-prefetch" href="//saywidgets.awe.sm" />
    <!-- tetrapak disable -->
    <!-- <link rel="dns-prefetch" href="//tetra.saymedia.com" /> -->
    <link rel="dns-prefetch" href="//use.typekit.net" />
    <link rel="dns-prefetch" href="//www.google-analytics.com" />
    <link rel="dns-prefetch" href="//www.gstatic.com" />
    <link rel="dns-prefetch" href="//ping.chartbeat.com" />
    <link rel="dns-prefetch" href="//ct.buzzfeed.com" />

    <!-- static asset urls -->
    <link rel="dns-prefetch" href="//a1.files.readwrite.com" />
    <link rel="dns-prefetch" href="//a2.files.readwrite.com" />
    <link rel="dns-prefetch" href="//a3.files.readwrite.com" />
    <link rel="dns-prefetch" href="//a4.files.readwrite.com" />
    <link rel="dns-prefetch" href="//a5.files.readwrite.com" />

    <script>
    /*globals window, document*/
    (function () {
        var typekitId = 'qjc4adc';
        if (typekitId) {
            window.WebFontConfig = { typekit: { id: typekitId } };
            var wf = document.createElement('script');
            wf.src = ('https:' === document.location.protocol ? 'https' : 'http') +
                '://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js';
            wf.type = 'text/javascript';
            wf.async = 'true';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(wf, s);
        } else {
            document.getElementById('phx-wrapper').classList.add('wf-inactive');
        }
    })();
    </script>
</head>


<body ng-class="bodyClasses">

    <!--[if lt IE 7]>
    <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
    <![endif]-->

    <!--[if lt IE 9]>
    <script src="components/es5-shim/es5-shim.js"></script>
    <script src="components/json3/lib/json3.min.js"></script>
    <![endif]-->
    <!--[if IE 9]>
    <script src="/components/xdomain/dist/0.5/xdomain.min.js" ></script>
    <![endif]-->

    <phx-is-visible phx-visible-name="Mastehead"></phx-is-visible>
    <div id="lyra-wrapper" class="m-off-canvas--container">
        <div phx-off-canvas-nav class="m-off-canvas--menu m-off-canvas--effect-2"></div>

        <div class="m-off-canvas--pusher">
            <div class="m-off-canvas--content">
                <div class="m-page-wrapper m-off-canvas--content-inner">
                    <phx-coverlines></phx-coverlines>

                    <phx-nav></phx-nav>

                    <section class="m-page-container trackable click" phx-pages></section>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="/.all.min.js?v=2015-01-13-195827-126392e-007635"></script>

    <script>
    require(['main'], function (main) {

    });
    </script>

    <!-- Inject external script tags -->
    <!-- end extJS -->

</body>


</html>
